<html>
<head>
	<title>Montage</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			<!-- alert("HI"); -->
		});
	</script>
	
	<style type="text/css">
	
	body {
		padding: 0px;
		margin: 0px;
		height: 100%;
	}
	
	#headerBar {
		height: 4%;
		width: 100%;
		background-color: #FFFFFF;
	}
	
	#frameArea {
	
		height: 96%;
	}
	
	.appTitle {
		font-size: 35px;
		font-weight: bold;
		font-family: "Lucida Console", Monaco, monospace;
		margin-left: 25px;
		width: 150px;
		height: 100%;
		padding-top: 7px;
	}
</style>
	
</head>
<body>
	<div id="headerBar">
		<div class="appTitle">
			Montage
		</div>
	</div>
	<div id="frameArea">
		<div>
			<iframe style="border-style: none; border-color: inherit; border-width: 0px; height:40%; width:50%;" src="http://www.whatismyip.com"></iframe>
			<iframe style="border-style: none; border-color: inherit; border-width: 0px; height:40%; width:50%;" src="http://www.whatismyip.com"></iframe>
			<iframe style="border-style: none; border-color: inherit; border-width: 0px; height:40%; width:50%;" src="http://www.whatismyip.com"></iframe>
			<iframe style="border-style: none; border-color: inherit; border-width: 0px; height:40%; width:50%;" src="http://www.whatismyip.com"></iframe>
		</div>
	</div>
</body>
</html>